<div>
    <!-- 头部 -->


    <img class="card-guangpanImg" src="https://langjie.oss-cn-hangzhou.aliyuncs.com/space/root/project/ruyunsuixing/img/guangpan.png">

    <!--  页面的遮罩层-->
    <div v-if="showCoverMask" :class="maskStyle" @click="helpNum=0;visableDownloadDialog=false;showCoverMask=false;"></div>
    <div @click="visableDownloadDialog=false">
        <h2 class="vircarf-title">详情 </h2>
        <table>
            <tr>
                <td>刻盘编码</td>
                <td>{{diskCode}}</td>
            </tr>
            <tr>
                <td>文件名</td>
                <td>{{diskName}}</td>
            </tr>
            <tr>
                <td>定制</td>
                <td>{{remark}}</td>
            </tr>
            <tr>
                <td>更新时间</td>
                <td>{{updatedAt}}</td>
            </tr>
        </table>
        <h2 class="vircarf-title">补丁表
            <img @click="changeVisableBudingList" :src="visableBudingListIcon">
        </h2>

        <div v-if="visableBudingList" class="budingList" >
            <ul>
                <li class="budingListLi" v-for="item in dependencies" :key="item.name" >
                    <div>
                        {{item.name}}
                    </div>
                    <div>
                        {{item.version}}
                    </div>
                    <img @click.stop="itemDownLoad(item)" class="downloadImg" :src="$BASE_IMG_URL('/download.png')">
                </li>
            </ul>
        </div>
        <div @click.stop="download"  class="download-btn-wrap">
            <img  :src="$BASE_IMG_URL('/download-btn.png')"  />
        </div>
    </div>
    <DownLoadBottomDialog v-if="visableDownloadDialog"></DownLoadBottomDialog>
</div>


